var passo = $.trim( $( '#valor_passo' ).html() );

$(function() {
    $('#tabs').tabs();
    $('#btnSalvar').click(function() {
        $('#formCadastro').submit();
    });
});
function createTextArea(name) {
    var $textarea = $('<textarea>', {'name': name});
    return $textarea;
}

function createRow() {
    var $tr = $('<tr>');
    $tr.append(createColumnPasso());
    $tr.append(createColumnResultado());
    $('#body-passos').append($tr);
    removerMsg();
}

function createColumnPasso() {
    var $td = $('<td>');
    var $div = $('<span>', {'text': 'Passo '.concat(++passo), 'class': 'passo'});
    $div.after('&nbsp;(');
    var $a = $('<a>', {'class': 'delete', 'text': 'Remover passo'});
    $a.click(function() {
        $(this).parents('tr').remove();
        passo = 0;
        if ($('.passo').length == 0){
            addMsg();
        }
        $('.passo').each(function() {
            $(this).text('Passo '.concat(++passo));
        });
        return false;
    });
    $a.css('cursor', 'pointer');
    $div.after($a);
    $a.append(')');
    $td.append($div);
    $td.append(createTextArea('passo[]'));
    return $td;
}

function createColumnResultado() {
    var $td = $('<td>');
    var $div = $('<div>', {'text': 'Resultado'});
    $td.append($div);
    $td.append(createTextArea('resultado[]'));
    return $td;
}

$(document).ready(function() {
    $('.delete').click(function() {
        $(this).parents('tr').remove();
        if ($('.passo').length == 0){
            addMsg();
        }
        passo = 0;
        $('.passo').each(function() {
            $(this).text('Passo '.concat(++passo));
        });
        return false;
    });
});
$('a').css('cursor', 'pointer');

$('#adicionar').click(function() {
    createRow();
    return false;
});

function removerMsg() {
    $('#no-passos').html('');
}

function addMsg() {
    $('#no-passos').html('Nenhum passo foi adicionado');
}
